<template>
    <div class="root-div">
        <div class="content-box">
            <div class="item-box" v-for="(item,index) in PageList" :key="index" @click="$router.push({ path: item.pathUrl })">{{ item.name }}</div>
        </div>
    </div>
</template>
<script>
export default {
    data() {
        return {
            PageList: [
                { name: "地图", pathUrl: "/AMapIndex" },
                { name: "人脸识别", pathUrl: '/Face' },
                { name: "选择省市区联动", pathUrl: '/areaSelect' },
                { name: "for循环上传到指定div", pathUrl: '/uploadImg' },
            ]
        }
    },
    methods: { }
}
</script>
<style lang="less" scoped>
.root-div { width: 100%; height: 100%;
    .content-box { width: 100%; padding: 10px 0; display: flex; justify-content: start; flex-wrap: wrap;
        .item-box { width: 20%; padding: 2px 10px; border-radius: 5px; background: skyblue; display: flex; justify-content: center; align-items: center; text-align: center; cursor: pointer; margin: 5px; }

    }
}
</style>